<!DOCTYPE html>
<html lang="en">
<head>
    <!--
    @Author 硕鼠
    @Date 2020/4/6 9:20
    @Version 1.0
    @Description 第一个关于JS文件学习
  -->
    <meta charset="UTF-8">
    <title>JS文件学习1</title>
    <script>
        function showHide() {
            var oDiv = document.getElementById('div1');
            if (oDiv.style.display == 'block'){
                oDiv.style.display ='none'
            }else{
                oDiv.style.display = 'block'
            }
        }
    </script>

</head>
<body>
    <input type="button" value="显示/隐藏" onclick="showHide()">
    <div id="div1">
        为了你的信息安全。。。。
    </div>
</body>
</html>